﻿@using Domain
@using WebUI.Areas.Admin.Models
@model UserInfo
@{
	Layout = null;
	string roleName = Model.RoleInfoList.FirstOrDefault() == null ? "" : Model.RoleInfoList.FirstOrDefault().Name;
}


<div id="js-profileBox" class="box box-primary">
	<div class="box-body box-profile">
		<img class="profile-user-img img-responsive img-circle" src="@Model.Avatar" alt="User profile picture">

		<h3 class="profile-username text-center">@Model.Name</h3>

		<p class="text-muted text-center">@roleName</p>

		<ul class="list-group list-group-unbordered">
			<li class="list-group-item">
				<b>Followers</b> <a class="pull-right">1,322</a>
			</li>
			<li class="list-group-item">
				<b>Following</b> <a class="pull-right">543</a>
			</li>
			<li class="list-group-item">
				<b>Friends</b> <a class="pull-right">13,287</a>
			</li>
		</ul>

		<a href="#" class="btn btn-primary btn-block"><b>Follow</b></a>
	</div>
	<!-- /.box-body -->
	<!-- Loading (remove the following to stop the loading)-->
	<div class="js-loading overlay" style="display: none;">
		<i class="fa fa-refresh fa-spin"></i>
	</div>
	<!-- end loading -->
</div>
